<%--
    Document   : index_New
    Created on : 20 f�vr. 2009, 17:19:32
    Author     : miage
--%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
 <%@ page import="javax.servlet.http.HttpSession"  %>

<%@page contentType="text/html" pageEncoding="UTF-8"%>


<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>YouNice</title>

<script type="text/javascript" language="JavaScript">
var listePlayList=new Array();
</script>
<SCRIPT type="text/javascript" language="JavaScript" src="prototype.js"></SCRIPT>
<SCRIPT type="text/javascript" language="JavaScript" src="divers.js"></SCRIPT>
<SCRIPT type="text/javascript" language="JavaScript" src="ajax1_New.js"></SCRIPT>
<SCRIPT type="text/javascript" language="JavaScript" src="lightbox.js"></SCRIPT>
<SCRIPT type="text/javascript" language="JavaScript" src="manage_playlist.js"></SCRIPT>



<!-- <SCRIPT type="text/javascript" language="JavaScript" src="youtubeplayer.js"></SCRIPT> -->
<SCRIPT type="text/javascript" language="JavaScript" src="newjavascript.js"></SCRIPT>
<script type="text/javascript" src="js/caroussel.js"></script>
 <script src="http://swfobject.googlecode.com/svn/tags/rc3/swfobject/src/swfobject.js" type="text/javascript"></script>


<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="Description" content="Kit graphique Squarr" />
<meta name="Keywords" content="Kit graphique, Kit graphique Squarr" />
<link rel="stylesheet" type="text/css" href="css/styles.css" />
<link rel="stylesheet" type="text/css" href="css/caroussel.css" />
<link rel="stylesheet" type="text/css" href="css/lightbox.css" />
    <!--[if IE 6]><link href="css/ie.css" rel="stylesheet" type="text/css" /><![endif]-->
<link rel="icon" href="images/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />

</head>
<body>
<div style="display:none;" id="filter"></div><div id="box">
  <table id="boxtitle"width="100%"><tr><td><span id="the_title"></span></td><td align="right"><a href="#" onclick="closebox('Inscription', 1);"><img src="images/action_stop.gif"/></a></td></tr></table>
      <p id="adresse_mail">Adresse email:<br />
      <input name="email" id="email" value="email@domaine.com" maxlength="60" size="25" type="text" />
      </p>

      <p>Pseudonyme:<br />
      <input name="pseudo" id="pseudo" maxlength="20" size="25" type="text" />
      </p>
      <p>Mot de passe :<br />
      <input name="password" id="password" maxlength="20" size="25" type="password" />
      </p>
      <p id="mot_de_passe_conf">Mot de passe (confirmation) :<br />
      <input name="password2" id="password2" maxlength="20" size="25" type="password" />
      </p>
      <input name="submit" value="Envoyer" onclick="submitform()" type="submit" />
      <input name="cancel" value="Annuler" onclick="closebox()" type="button" />
</div>
<div id="site">
	<div id="header">
		<h1><a href="#" title="Page d'accueil">You <span>[ Nice ]</span></a></h1>
	</div>
	<div id="menu">
		<ul id="menu_liste">
			<li><a href="#">Ma playlist</a></li>
			<li><a href="#">Mes videos</a></li>
			<li><a href="#">Ma recherche</a></li>
			<li><a href="#">Mes preferees</a></li>
            <%
  if((session.getValue("user")==null) ){
      %>
      <li id="login_inscription" class="login"><a href="#" onclick="openbox('Inscription', 1)">M'inscrire</a></li>
			<li id="login_connexion1" class="login"><a href="#" onclick="openbox('Connexion', 1)">Me connecter</a></li>

      <%

        }else {
      
   %>
           <li id="login_connexion2" class="login"><a href="#" onclick="deconnection('Deconnexion')">Deconnexion</a></li>
<%
            }
            %>
			</ul>
	</div>
	<div id="contenu">
	
		<div id="video">



			<table style="order: 1px solid #801600; background: white;">
                
				<tr>
					<td style="padding:0px; margin:0px;" >
						<div class='caroussel' style='height:395px;' >
							<div id='boite_englobante_2' style='height:275px;  width:136px; '>
								<div id='fleche_haut_playlist'> <img src='images/arrow-up.gif' id='arrow_up_image_playlist' onmouseout='StopperDefilement(this);' onmouseover='LancerDefilement(this,2); ' /> </div>
									<div class='boite_fenetre' style='height:250px;'>
										<div id='div_miniatures_2' style='position: relative;' >



										</div>
									</div>
								<div id='fleche_bas_playlist'><img src='images/arrow-down.gif' id='arrow_down_image_playlist' onmouseout='StopperDefilement(this);' onmouseover='LancerDefilement(this,2);' /></div>
							</div>
						</div>
                        <br />
                        <button onclick="load_playlist()">Lancer cette playlist</button>

					</td>
						
					<td>
						<table id='tabGrandeImage' style=' height:375px; _height: 381px; ' border='0' cellpadding='0' cellspacing='0'  width='500'>
							<tr>
								<td align='center' height='489'>
							 

 <script type="text/javascript" src="js/swfobject.js"></script>

<div id="player">This text will be replaced</div>

<script type="text/javascript">
var so = new SWFObject('js/player.swf','player','425','344','9');
so.addParam('allowscriptaccess','always');
so.addParam('allowfullscreen','true');
so.addParam('flashvars','&file=xml/playlist_remember.xml&backcolor=FFFFFF&frontcolor=E53917&lightcolor=E53917&screencolor=FFFFFF&autostart=true&repeat=list');
so.write('player');
</script>
    <!-- http://www.longtailvideo.com/support/jw-player-setup-wizard?example=13 !-->
   
								<br/><br/><br/></td>
							</tr>
						</table>
					</td>

				</tr>
			</table>

			<!-- On appelle la premiere photo grace a javascript :)-->
            <SCRIPT type="text/javascript" LANGUAGE='javascript'>AfficherImage('image1.jpg','1','375');</SCRIPT>



    <!-- HTML below here is for display of the player info + state -->


		</div>
	
	
		<div id="playlist">
			<strong> Recherche :</strong>
			<input type="text" style="width: 110px;" onkeydown="if (event.keyCode==13) search('null', 1, 1); " id="keywords" name="keywords"/>
			<input type="button" value="Ok" onclick="search('null', 1, 1);"></input>
				<a href="javascript:visibilite('advancedSearch');"><span style="float:right" class="soustitre" >recherche avanc&eacute;e</span></a>
				<div id="advancedSearch" style="border: 1px dashed rgb(229, 57, 23);padding: 3px;display: none;" >
					  Trier par :
						<select id="order" >
							<option value="RELEVANCE">Pertinence</option>
							<option value="UPDATED">Date d'ajout</option>
							<option value="VIEW_COUNT">Nombre de vues</option>
							<option value="RATING"	>Note</option>
						</select><br />
					  S&eacute;lectionner une cat&eacute;gorie :
						<select id="category" >
							<option value="All">Toutes les cat&eacute;gories</option>
							<option value="Music">Musique</option>
							<option value="Comedy">Humour</option>
							<option value="Autos">V&eacute;hicules</option>
							<option value="Animals">Animaux</option>
							<option value="Travel">Voyages et &eacute;v&eacute;nements</option>
							<option value="Film">Films et animations</option>
							<option value="News">Actualit&eacute;s et politique</option>
							<option value="Games">Gadgets et jeux</option>
							<option value="Tech">Science et technologie</option>
						</select>
					</div>	
				<span id="resultats"></span> 
			
		</div>
   
		<div id="bloc_haut">
            Bienvenue sur YouNice !
         <%
          if((session.getValue("user")!=null) ){
              %>
            <div id="log_pseudo" align="right">Membre connecté ( <% out.println(session.getAttribute("pseudo"));%>)</div>
                      <% }%>
			
                   

            
        </div>

		<div id="bloc_bas">
			Les suggestions
           <!--<input type="button" value="Ok" onclick="search('most_viewed', 1, 1);"></input>  -->
			<div id='standardFeed'>
					<a href="#" onclick="search('most_viewed', 1, 1);"><span class="soustitre" >Les + regard&eacute;es</span></a> |
					<a href="#" onclick="search('top_rated', 1, 1);"><span class="soustitre" >Les mieux not&eacute;es</span></a>  |
					<a href="#" onclick="search('most_discussed', 1, 1);"><span class="soustitre" >Les + discut&eacute;es</span></a> |
					<a href="#" onclick="search('top_favorites', 1, 1);"><span class="soustitre" >Les pr&eacute;f&eacute;r&eacute;es</span></a> |
					<a href="#" onclick="search('most_responded', 1, 1);"><span class="soustitre" >Le + de commentaires &eacute;crits</span></a> |
					<a href="#" onclick="search('most_recent', 1, 1);"><span class="soustitre" >Les + r&eacute;centes</span></a> 
			</div>
           <div id="repAjax">
               
           </div>
			
			<br/><br/><br/><br/><br/><br/>
		</div>


	</div>
	<div id="footer">
		<ul>
			<li>&copy; 2009</li>
			<li>Webdesign : <a href="#">YouNice</a></li>
		</ul>
	</div>
</div>

</body> 
</html>

